<!DOCTYPE html>
<html lang="en">

<head>
	<meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
	<meta name="viewport"
		content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta name="format-detection" content="telephone=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/index.css">
	<title>我的</title>
	<script type="text/javascript" src="js/flexible.js"></script>
</head>

<body>
	<div class="content ms-box bgf">
		<!-- header -->
		<header class="dheader bgf flex-align flex-between">
			<a href="javascript:history.back(-1);" class="dheader-back iconfont iconleft"></a>
			<div class="dheader-title tc">设置</div>
		</header>
		<!-- ms-bx -->
		<div class="ms-bx lastnob">
			<div class="ms-bx-item flex-align flex-between borb">
				<div class="ms-bx-name">头像</div>
				<div class="ms-bx-info">
					<div class="ms-bx-img">
						<img class="img100" src="./images/my/user.png" alt="">
					</div>
				</div>
			</div>
			<div class="ms-bx-item flex-align flex-between borb" id="set-name">
				<div class="ms-bx-name">昵称</div>
				<div class="ms-bx-info">
					<span>阿巴阿巴</span>
				</div>
			</div>
			<div class="ms-bx-item flex-align flex-between borb">
				<div class="ms-bx-name">用户名</div>
				<div class="ms-bx-info no">
					<span>p3pnrc4yt4</span>
				</div>
			</div>
		</div>
		<!-- ms-bx -->
		<div class="ms-bx lastnob mt32">
			<div class="ms-bx-item flex-align flex-between borb">
				<div class="ms-bx-name">手机号</div>
				<div class="ms-bx-info">
					<span>12345647897</span>
				</div>
			</div>
			<div class="ms-bx-item flex-align flex-between borb">
				<div class="ms-bx-name">实名认证</div>
				<div class="ms-bx-info">
					<span class="c4d7">未认证</span>
				</div>
			</div>
			<div class="ms-bx-item flex-align flex-between borb">
				<div class="ms-bx-name">密码</div>
				<div class="ms-bx-info no">
				</div>
			</div>
		</div>
		<!-- ms-bx -->
		<div class="ms-bx lastnob mt32">
			<div class="ms-bx-item flex-align flex-between borb">
				<div class="ms-bx-name">关于我们</div>
				<div class="ms-bx-info">
				</div>
			</div>
		</div>
		<!--  -->
		<div class="xopen flex-center-align show-app">下载APP查看更多</div>
		<!--  -->
	</div>
	<!--  -->
	<div class="pop"></div>
	<div class="tier-pop popset">
		<div class="pop-set-name">福利币充值说明</div>
		<input class="pop-set-input" type="text" placeholder="支持中英文和数字，不超过10个字符">
		<div class="pop-set-foot flex-align flex-between">
			<span class="pop-set-fa flex-center-align">取消</span>
			<span class="pop-set-fb flex-center-align">确认</span>
		</div>
	</div>
	<!--  -->
	<script src="js/jquery.min.js"></script>
	<script src="js/used.js"></script>
	<script>
		//显示设置昵称
		$(document).on('click', '#set-name', function () {
			showAnimation('.popset,.pop');
		})
		//隐藏设置昵称
		$(document).on('click', '.pop-set-fa', function () {
			hideAnimation('.popset,.pop');
		})
	</script>
</body>

</html>